.task-manage-detection-detail {
  .bread {
    margin-bottom: 16px;
  }
  .title {
    font-size: 14px;
    color: #686c78;
  }

  .tmz-top,
  .tmz-middle,
  .tmz-bottom {
    display: flex;
    margin-bottom: 24px;

    .left {
      flex: 1 1;
      // 隐藏统计占比后的样式调整 暂时注释
      // margin-right: 24px;
      padding: 24px;
    }

    .right {
      flex: 0 0 384px;
      padding: 24px;
    }
  }

  .tmz-top {
    .left,
    .right {
      background-color: #ffffff;
    }

    .left {
      display: flex;

      .tmd-c-status {
        flex: 0 0 140px;
        padding-right: 24px;
        text-align: center;
        padding-top: 120px;
      }
    }

    .right {
      .result-stat {
        height: 256px;
        margin-top: 70px;
      }
    }
    .right-question {
      position: relative;
      top: -151px;
      left: 260px;
      div {
        height: 64px;
      }
      .right-historyAlive {
        padding-left: 40px;
      }
      .right-unknownAlive {
        padding-left: 15px;
      }
    }
  }

  .tmz-middle,
  .tmz-bottom-wrapper {
    background-color: #ffffff;
  }

  .tmz-bottom-wrapper {
    padding-top: 24px;
  }

  .tmz-bottom {
    &-tabs {
      //   display: flex;
      padding: 0 24px;
      background-color: #ffffff;
      margin-bottom: 24px;
      .ant-tabs-bar {
        margin: 0 0 16px 0;
        border: none;
        .ant-tabs-nav-wrap {
          margin-bottom: 0;
        }
        .ant-tabs-nav .ant-tabs-tab {
          padding: 16px 16px;
        }
      }
    }
    .left,
    .right {
      padding-top: 12px;
    }
  }

  .count-info {
    padding: 0 24px;
  }

  .filters {
    padding: 0 24px;
    margin-bottom: 12px;
  }

  .filter {
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    border: 1px solid rgba(230, 234, 239, 1);
    font-size: 12px;
    color: #686c78;
  }

  .tmz-middle {
    .title {
      margin-bottom: 24px;
    }

    .latest-result,
    .all-alive {
      height: 200px;
    }
  }
}
